<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.tishi{
				font-size:4em;
				font-family: "叶根友毛笔行书2.0版","微软雅黑";
				font-style: italic;
			}
			#kouhao{
				font-weight: 900;
				font-size: 32px;
				text-shadow: blue 10px 40px 3px;
			}
			#article{
				/*color: red;*/
				color: rgba(122,122,122,1);
				text-align: left;
				text-indent: 2em;
				line-height: 30px;
				/*letter-spacing: 5px;
				word-spacing:20px;*/
				vertical-align: bottom;
			}
		</style>
	</head>
	<body>
		<h1 id="kouhao">我们的口号是</h1>
		<p>
			让你享受<span class="tishi">北大</span>式教育
			
		</p>
		<p>
			成为IT<span class="tishi" >精英</span>,
			和<span class="tishi" style="font-style: oblique;">北大</span>肩并肩
		</p>
		<p id="article">
			<img src="../img/bulb.png" style="vertical-align: middle;"/>
			这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的.这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的
			这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的
			这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的
		  .价格<span style="text-decoration: line-through;color:red;">998</span>,今日特价<span>99.8</span>
		</p>
		<p id="article2" >
			<img src="../img/bulb.png" style="vertical-align: middle;"/>
			这个属性声明建立布局过程中如何处理元素</p>
		<h3 style="text-align: justify;">更多信息，请访问青鸟官网</h3>
	</body>
</html>
